import React, { Component } from 'react';
import pic from '../assets/pic/001.gif'
import '../styles/Collection.css';
import { NavBar } from 'antd-mobile'

class Collection extends Component {
    back() {
        this.props.history.go(-1)
    }
    render() {
        return (
            <div className='collectionbox'>
                <NavBar back='返回' onBack={()=>{this.back()}}>
                    我的收藏
                </NavBar>
                <div className='box'>
                    <div className='pic'>
                        <img src={pic} alt="" />
                    </div>
                    <div className='other'>
                        <div className='name'></div>
                        <div className='price-cancel'>
                            <div className='price'></div>
                            <div className="cancel">取消收藏</div>
                        </div>
                    </div>
                </div>
            </div>

        );
    }
}

export default Collection;